<template>
  <div>
    <div class="fixd">
      <div class="top">
        <img src="../assets/images/home/LE_logo_2.png" alt="" />
      </div>
      <!-- 搜索框 -->
      <Search />
    </div>
    <!-- 轮播图 -->
    <Swiper />
    <!-- 小图列表 -->
    <List />
    <Nav></Nav>
    <!-- 流行，精选 -->
    <router-view></router-view>
    <!-- 底部 -->
    <Buttom class="btn" />
  </div>
</template>

<script>
import Buttom from "@/components/home/Buttom.vue";
import Swiper from "@/components/home/Swiper.vue";
import Search from "@/components/home/Search.vue";
import List from "@/components/home/List.vue";
import Last from "@/components/home/Last.vue";
import New from "@/components/home/New.vue";
import Nav from "@/components/home/Nav.vue";

export default {
  data() {
    return {};
  },
  components: {
    Buttom,
    Swiper,
    Search,
    List,
    Last,
    New,
    Nav,
  },
};
</script>
 
<style lang="less" scoped>
html,body{
  // overflow:hidden;
  // overflow-y:auto;
  }
* {
  padding: 0;
  margin: 0;
}
.btn {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}
.top {
  // width: 750px;
  width: 100vw;
  height: 10vw;
  display: flex;
  justify-content: center;
  align-items: center;
  img {
    width: 45vw;
    height: 10vw;
  }
}
// .fixd {
//   position: sticky;
//   top:10px

  
// }
</style>